<?php $this->load->view('admin/public/head.html'); ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" ng-controller="admin-system-api-controller">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            第三方服务
            <small>包含短信,快递,支付,第三方登录及视频等密钥配置</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> 后台首页</a></li>
            <li class="active">系统设置</li>
            <li>第三方服务</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- API设置 -->
        <div class="row">
            <!-- right column -->
            <div class="col-md-12">
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">服务接口</h3>
                    </div>
                    <form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group">
                        <label for="luosimao" class="col-sm-2 control-label">短信接口密钥</label>

                        <div class="col-sm-6">
                            <input type="text" class="form-control" ng-model="api.service.luosimao" id="luosimao"
                                   placeholder="螺丝帽 App Secret 配置">

                            <p class="help-block">正确配置接口密钥, 请前往 <a href="https://luosimao.com/"
                                                                   target="_blank">螺丝帽官网</a> 获取资费信息和接口信息.</p>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="form-group">
                        <label for="ali_express" class="col-sm-2 control-label">快递接口密钥</label>

                        <div class="col-sm-6">
                            <input type="text" class="form-control" ng-model="api.service.aliExpress" id="ali_express"
                                   placeholder="阿里云全国快递查询 App Secret 配置">

                            <p class="help-block">正确配置接口密钥, 请前往 <a
                                    href="https://market.aliyun.com/products/57126001/cmapi010996.html#sku=yuncode499600008"
                                    target="_blank">阿里云官网</a> 查询相关信息.</p>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
                <div class="box-footer">
                    <button type="submit" class="btn btn-default">取消</button>
                    <button type="submit" class="btn btn-info pull-right" style="background: #00a65a; border: none;" ng-click="saveApis('service')">保存</button>
                </div>
                <!-- /.box-footer -->
            </form>
                </div>

                <!--荧石开放平台-->
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">荧石开放平台</h3>
                    </div>
                    <form class="form-horizontal">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="streamAppKey" class="col-sm-2 control-label">App Key</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.stream.appKey" id="streamAppKey"
                                           placeholder="App Secret">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="streamAppSecret" class="col-sm-2 control-label">App Secret</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.stream.appSecret" id="streamAppSecret"
                                           placeholder="App Secret">
                                </div>
                            </div>
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <button type="submit" class="btn btn-default">取消</button>
                            <button type="submit" class="btn btn-info pull-right" style="background: #00a65a; border: none;" ng-click="saveApis('stream')">保存</button>
                        </div>
                        <!-- /.box-footer -->
                    </form>
                </div>

                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">QQ登录</h3>
                    </div>
                    <form class="form-horizontal">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="qqAppId" class="col-sm-2 control-label">APP ID</label>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.qq.qqAppId" id="qqAppId" placeholder="APP ID">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="qqAppSecret" class="col-sm-2 control-label">APP SECRET</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.qq.qqAppSecret" id="qqAppSecret" placeholder="APP SECRET">
                                    <p class="help-block">请前往<a href="http://wiki.open.qq.com/wiki/website/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5wiki%E7%B4%A2%E5%BC%95" target="_blank">腾讯开放平台</a>申请网站接入应用</p>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <button type="submit" class="btn btn-default">取消</button>
                            <button type="submit" class="btn btn-info pull-right" style="background: #00a65a; border: none;" ng-click="saveApis('qq')">保存</button>
                        </div>
                        <!-- /.box-footer -->
                    </form>
                </div>

                <!--微信登录设置-->
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">微信登录</h3>
                    </div>
                    <form class="form-horizontal">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="wechatAppId" class="col-sm-2 control-label">APP ID</label>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.wechat.wechatAppId" id="wechatAppId" placeholder="APP ID">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="wechatAppSecret" class="col-sm-2 control-label">APP SECRET</label>
                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.wechat.wechatAppSecret" id="wechatAppSecret" placeholder="APP SECRET">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="wechatCssUrl" class="col-sm-2 control-label">CSS URL</label>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.wechat.wechatCssUrl" id="wechatCssUrl" placeholder="CSS URL">
                                    <p class="help-block">请前往<a href="https://open.weixin.qq.com/" target="_blank">微信开放平台</a>申请网站接入应用</p>
                                </div>
                            </div>
                        </div>
                        <!-- /.box-body -->
                        <div class="box-footer">
                            <button type="submit" class="btn btn-default">取消</button>
                            <button type="submit" class="btn btn-info pull-right" style="background: #00a65a; border: none;" ng-click="saveApis('wechat')">保存</button>
                        </div>
                        <!-- /.box-footer -->
                    </form>
                </div>

                <!--支付设置-->
                <!--
                <div class="box box-info">
                    <div class="box-header with-border">
                        <h3 class="box-title">支付设置</h3>
                    </div>
                    <form class="form-horizontal">
                        <div class="box-body">
                            <div class="form-group">
                                <label for="luosimao" class="col-sm-2 control-label">短信接口密钥</label>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.luosimao" id="luosimao"
                                           placeholder="螺丝帽 App Secret 配置">

                                    <p class="help-block">正确配置接口密钥, 请前往 <a href="https://luosimao.com/"
                                                                           target="_blank">螺丝帽官网</a> 获取资费信息和接口信息.</p>
                                </div>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="form-group">
                                <label for="ali_express" class="col-sm-2 control-label">快递接口密钥</label>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" ng-model="api.aliExpress" id="ali_express"
                                           placeholder="阿里云全国快递查询 App Secret 配置">

                                    <p class="help-block">正确配置接口密钥, 请前往 <a
                                            href="https://market.aliyun.com/products/57126001/cmapi010996.html#sku=yuncode499600008"
                                            target="_blank">阿里云官网</a> 查询相关信息.</p>
                                </div>
                            </div>
                        </div>
                        <div class="box-footer">
                            <button type="submit" class="btn btn-default">取消</button>
                            <button type="submit" class="btn btn-info pull-right" ng-click="saveApis()">保存</button>
                        </div>
                    </form>
                </div>
                -->

            </div>
        </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php $this->load->view('admin/public/foot.html', array(
    "js" => array('/assets/admin/js/system/service.js')
)); ?>
